<template>
    <!-- 开屏广告 -->
    <Spread  />
    <!-- 顶部蓝色病史标题区域 -->
    <Header ref="headerRef"/>
    <!-- Tabs分类区域 -->
    <Bodytabs ref="bodytabsRef" />
    <!-- 底部按钮保存区域 -->
    <Footerbtns @call-back-event="callBackEvent" />
</template>


<script setup>
import { onMounted,ref } from 'vue';
import Spread from './spread.vue';
import Header from './header.vue';
import Bodytabs from './bodytabs.vue';
import Footerbtns from './footerbtns.vue';

const headerRef = ref();
const bodytabsRef = ref();

const callBackEvent = () =>{
    bodytabsRef.value?.getCompData();
}

const getCompHeaderData = () =>{
    const userData = headerRef.value?.getHeaderUserData() || []; //职业史数据
}

defineExpose({
    getCompHeaderData,
});

</script>

<style scoped>

</style>
